<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../tpl/head.jsp"%>
<div id="LAY_app" class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-body">
			<form class="layui-form" action="">
				<div class="demoTable">
					<div class="choce" style="margin-bottom: 10px;">
						<div class="choce1">
							<div class="name">
								单据号
							</div>
							<div class="layui-inline">
								<input placeholder="单据号" class="layui-input" name="id" id="demoReload"
									autocomplete="off">
							</div>
						</div>
						<div class="choce1">
							<div class="name">
								流程名称
							</div>
							<div class="layui-inline">
								<input placeholder="流程名称" class="layui-input" name="id" id="demoReload1"
									autocomplete="off">
							</div>
						</div>
						<div class="choce1">
							<div class="name">
								流程模板
							</div>
							<div class="layui-inline">
								<select name="quiz1">
									<option value="">请选择</option>
									<option value="1">流程模板1</option>
									<option value="2">流程模板2</option>
									<option value="3">流程模板3</option>
								</select>
							</div>
						</div>
						<div class="choce1">
							<div class="name">
								发起人
							</div>
							<div class="layui-inline">
								<div id="demo4" class="xm-select-demo"></div>
							</div>
						</div>
					</div>
					<div class="choce">
						<div class="choce1">
							<div class="name">
								审批节点
							</div>
							<div class="layui-inline">
								<input placeholder="审批节点" class="layui-input" name="id" id="demoReload2"
									autocomplete="off">
							</div>
						</div>
						<div class="choce1">
							<div class="name">
								处理人
							</div>
							<div class="layui-inline">
								<div id="demo5" class="xm-select-demo"></div>
							</div>
						</div>
						<button onclick="query()" class="layui-btn" type="button">查询</button>
						<button onclick="reset()" class="layui-btn" type="button">重置</button>
					</div>
				</div>
			</form>
			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">进行中</li>
					<li>已完成</li>
					<li>已作废</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<table class="layui-hide" id="test" lay-filter="test"></table>
					</div>
					<div class="layui-tab-item">
						<table class="layui-hide" id="test1" lay-filter="test"></table>
					</div>
					<div class="layui-tab-item">
						<table class="layui-hide" id="test2" lay-filter="test"></table>
					</div>
				</div>

			</div>

		</div>
		<style>
			.demoTable {
				margin-bottom: 10px;
			}

			.choce {
				display: flex;
			}

			.choce1 {
				display: flex;
				align-items: center;
				width: 25%;
			}

			.choce1 .name {
				min-width: 80px;
			}

			.choice {
				margin-top: 15px;
				display: flex;
				justify-content: center;
			}

			.xm-select-demo {
				width: 180px;
			}

			.layui-tab-title {
				border: 0;
			}

			.layui-this {
				color: #FFFFFF !important;
				background-color: #0088ff;
			}
		</style>
		<%@ include file="../tpl/foot.jsp" %>
		<script type="text/javascript" src="statics/modules/xmselect/xmselect.js"></script>
		<script type="text/javascript" src="statics/js/Processcenter/myprocess.js"></script>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-xs" lay-event="edit">进度</a>
		</script>
